iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
Modern Web

進階前端網頁設計-初心者的30天React學習及應用系列 第 1

[DAY01] 進入React的世界-認識什麼是React?

  • 分享至 

  • xImage
  •  

學習背景

個人之前有HTML,CSS,javascript的背景,因為想要更深入研究網頁前端的技術,所以選擇了這個題目,雖然還不清楚自己是否可以順利完成30天的考驗,但是這對我來說不僅僅是課堂修畢的條件,更是對我自己未來就業的方向鋪路,因為若是想成為前端工程師,學會React是不可或缺的吧!

首先,在我們開始學習React之前,必須先了解React是什麼東西,以及它可以做到什麼?

https://ithelp.ithome.com.tw/upload/images/20220912/20152220PQ5hxFFIuV.png

React

React.js (以下簡稱 React) 是 Facebook 所維護並開源的函式庫,用於建立應用程式的UI。在瀏覽器環境傳統的前端撰寫方式中,我們會遇到各種像是資料與畫面同步,React 讓實作互動式的使用者介面變得一點也不痛苦。你只要在你的應用程式中為每個情境設計一個簡單的 view,React 就會在資料變更時有效率的自動更新,實現了高效率且高性能的開發方式,

為什麼要使用 React? 有什麼優點

  • 靈活高效,是全球最受歡迎的前端框架
  • React是component based 由於組件邏輯是用 JavaScript 而不是模板編寫的,因此您可以輕鬆地通過應用程序傳遞豐富的數據,並將狀態保持在 DOM 之外。
  • 可以跟後端分離,達到即時互動、自動更新的效果
  • 就業市場機會多,需求旺盛
  • 薪資水平較高,年薪百萬的機會非常多

React的特色

  1. JSX
  2. React hooks
  3. Virtual DOM
  4. Components 與 Props

參考連結:
https://tw.alphacamp.co/blog/react-beginner?gclid=Cj0KCQjwjvaYBhDlARIsAO8PkE0VxB2pdnkpGhslDQySfGXbHk7LErYsvGvKN04COFJL3V9qGLZJ7xoaAmDKEALw_wcB
https://reactjs.org/


下一篇
[DAY02]設定以及安裝基本環境(上半部)
系列文
進階前端網頁設計-初心者的30天React學習及應用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言